<template>
  <div class="qa-container-wrap">
    <van-button type="info" @click="flag = !flag">信息按钮</van-button>

    <!-- 直接使用animated中的动画class名，注意：必须使用animated这个class名，否则动画会无效 -->
    <transition
      enter-active-class="fadeIn"
      leave-active-class="fadeOut"
    >
      <div class="animated" v-if="flag">22222222</div>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'QaIndex',
  components: {},
  props: {},
  data () {
    return {
      flag: false
    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {
     
  },
  methods: {}
}
</script>

<style scoped lang="less">
.my-enter,
.my-leave-to {
  opacity: 0;
  transform: translateY(160px);
}
.my-enter-active,
.my-leave-active {
  transition: all 0.8s ease;
}
</style>
